<template>
    <div class="page notTab">
        <Header> 意见反馈 </Header>
        <div class="fkjl" @click="$go('wdfk')">我的反馈</div>
        <div class="info">
            <div class="main">
                <div>
                    <textarea
                        placeholder-style="color:#7c7c7c"
                        placeholder="请在此填写您的意见"
                        v-model="content"
                    />
                </div>
                <div class="button fx jcc" @click="submitNow">确认提交</div>
            </div>
        </div>
    </div>
</template>

<script>
import $ from "@/common";
export default {
    data() {
        return {
            content: "",
        };
    },
    methods: {
        submitNow() {
            let url = $.user("suggestion");
            let data = {
                content: this.content,
            };
            $.post(url, data).then((res) => {
                if (res.isError) {
                    return;
                }
                $.suc("提交成功");
                this.content = "";
            });
        },
    },
};
</script>

<style lang="less" scoped>
.fkjl {
    position: fixed;
    right: 0;
    top: 105rpx;
    z-index: 3;
    color: #fff;
    right: 50rpx;
    font-size: 24rpx;
}
.main {
    padding-top: 36rpx;
    width: 688rpx;
    margin: 0 auto;
    textarea {
        width: 100%;
        height: 400rpx;
        background: #fff;
        border: 1rpx solid #e3e3e3;
        padding: 24rpx;
    }
    .button {
        width: 617rpx;
        height: 90rpx;
        background: linear-gradient(90deg, #05c162, #05c162);
        border-radius: 45rpx;
        color: #fff;
        font-size: 34rpx;
        margin: 0 auto;
        margin-top: 52rpx;
    }
}
</style>
